@media (max-width: 1024px) {
    body {
        font-size: 10px !important;
    }

    #search-text {
        width: calc(20 * 10px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 10px) !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}

@media (max-width: 1100px) {
    body {
        font-size: 12px !important;
    }

    #search-text {
        width: calc(20 * 12px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 12px) !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}

@media (max-width: 1280px) {
    body {
        font-size: 9px !important;
    }

    #search-text {
        width: calc(20 * 9px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 9px) !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}

@media (max-width: 1360px) {
    body {
        font-size: 9px !important;
    }

    #search-text {
        width: calc(20 * 9px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 22px !important;
        text-indent: calc(1.5 * 9px) !important;
    }

    #main2 {
        height: 35vw !important;
        width: 47vw !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}

@media (max-width: 1366px) {
    body {
        font-size: 10px !important;
    }

    #search-text {
        width: calc(20 * 10px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 10px) !important;
    }

    #main2 {
        height: 32vw !important;
        width: 47vw !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}


@media (max-width: 1440px) {
    body {
        font-size: 11px !important;
    }

    #search-text {
        width: calc(20 * 11px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 11px) !important;
    }

    #main2 {
        height: 30vw !important;
        width: 47vw !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}

@media (max-width: 1680px) {
    body {
        font-size: 12px !important;
    }

    #search-text {
        width: calc(20 * 12px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 12px) !important;
    }

    #main2 {
        height: 36vw !important;
        width: 47vw !important;
    }
    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }

    .bj-wk{
        font-size: 1px !important;
    }
    .button{
        font-size: 0.8rem !important;
    }
    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }

}

@media (max-width: 1920px) {
    #search-text {
        width: calc(20 * 14px) !important;
    }

    #content {
        width: 82vw !important;
        height: 7vw !important;
        font-size: 26px !important;
        text-indent: calc(1.5 * 14px) !important;
    }

    #main2 {
        height: 36vw !important;
        width: 47vw !important;
    }

    #main3 {
        height: 36vw !important;
        width: 47vw !important;
    }

    #main4 {
        height: 36vw !important;
        width: 47vw !important;
    }
}
